<template>
  <div id="app">
    <Layout />
    <Player />
    <MiniPlayer />
    <Playlist />
    <ShareReader />
  </div>
</template>

<script>
import Layout from '@/layout'
import MiniPlayer from '@/components/mini-player'
// import MiniPlayer from '@/components/mini-player-my'
import Playlist from '@/components/playlist'
import Player from '@/components/player'
// import Player from "@/components/player-my"
import ShareReader from '@/components/share-reader'

export default {
  metaInfo() {
    return {
      title: '欢迎来到sshPlayer',
    }
  },
  components: { Layout, MiniPlayer, Playlist, Player, ShareReader },
}
</script>

<style lang="scss">
#app {
  height: 100%;
  background-color: var(--body-bgcolor);
  font-size: $font-size;
}
</style>
